
.clearfix {
    zoom: 1;
    position: relative;
    &:before, &:after {
        content: '';
        display: block;
        clear: both;
    }
}

.pull-left {
    float: left;
}
.pull-right {
    float: right;
}
.mint-header.is-fixed {
    height: .9rem;
    .mint-header-title{
        font-size: .36rem;
    }
}

.mint-header.fixed-bt {
    right: 0;
    left: 0;
    bottom: 0;
    position: fixed;
    z-index: 1;
}

.page-wrapper {
    position: relative;
    padding-top: .9rem;
    height: 100%;
    overflow-y: auto;
}

.base-info-area {
    background: #fff;
    margin-top: 1.14rem;
    padding: 0 .24rem;
    box-shadow: .01rem 0 .18rem rgba(218,218,218,0.4);
}

.avatar {
    float: left;
    width: .96rem;
    height: .96rem;
    margin-right: .24rem;
    box-shadow: 0 0 .18rem rgba(160, 160, 160, 0.4);
    border-radius: 50%;
    overflow: hidden;
    img {
        width: 100%;
        height: 100%;
    }
}

.preview {
    width: 100%;
    height: 100%;
    overflow: hidden;  
    background-position: center center;  
    background-repeat: no-repeat;  
    background-size: cover;   
}

.mint-cell {
    min-height: .76rem;
    &:last-child {
        background-image: none;
        .mint-cell-wrapper {
            border-bottom: none; 
        }
    }
}

.mint-cell > .mint-cell-wrapper {
    padding: 0;
    font-size: .24rem;
    background-image: none;
    border-bottom: 1px solid #EEEEEE;
    .mint-field-core {
        text-align: right;
        color: #888888;
        &::-webkit-input-placeholder {
            color: #DEDEDE; 
        }
    }
}

.mint-popup {
    width: 100%;
    max-height: 100%;
    // overflow-y: auto;
}

.picker-toolbar {
    border-bottom: 1px solid #eaeaea;
    height: .8rem;
    line-height: .8rem;
}